/**
 * 事件的基本使用
 * 1. 使用v-on:xxx 或者@xxx绑定事件,其中xxx是事件名
 * 2. 事件的回调需要配置在methods中,最终会出现在VM上
 * 3. methods中配置的函数,一般不要用箭头函数,否则this不再是VM
 * 4. methods中配置的函数,都是被VUe管理的函数,this的指向是VM或者组件实例对象
 * 5. @click='demo' 和 @click="demo($event)" 效果一致,但后者可以传参
 */
// 阻止Vue在启动时生成生产提示
Vue.config.productionTip = false;
new Vue({
	el: "#root",// 用于指定当前Vue实例在为哪个容器服务,通常为css选择器 也可以写为 document.getElementById("root")
	data: {// data用于存储数据,数据供el指定的容器使用,
		name: "玉石5344",
	},
	methods: {
		showinfo(number, event) {
			console.log(this)
			alert("同学你好" + number)
			console.log(event)
		}
	}
});
